<#macro header directory>
		<script type="text/javascript" src="<@link.url destination=directory path=directory.getRelativeDepth() template="style/libs/prototype.js.template"/>"></script>
		
		<script type="text/javascript" src="<@link.url destination=directory path=directory.getRelativeDepth() template="style/libs/scriptaculous.js.template"/>"></script>

		<script type="text/javascript" src="<@link.url destination=directory path=directory.getRelativeDepth() template="style/libs/livepipe.js.template"/>"></script>

		<script type="text/javascript" src="<@link.url destination=directory path=directory.getRelativeDepth() template="style/libs/tabs.js.template"/>"></script>

		<script type="text/javascript" src="<@link.url destination=directory path=directory.getRelativeDepth() template="style/libs/date_format.js.template"/>"></script>

		<!-- oh yeah, the SIMILE timeline-->
		<script src="http://static.simile.mit.edu/timeline/api-2.3.0/timeline-api.js?bundle=true" type="text/javascript"></script>
		
		<!-- personnal script -->
		<script type="text/javascript" src="<@link.url destination=directory path=directory.getRelativeDepth() template="style/script.js.template"/>"></script>
		
		<link rel="stylesheet" href="<@link.url destination=directory path=directory.getRelativeDepth() template="style/style.css.template"/>"/>
</#macro>

<#macro footer>
	<div class="footer">
		Icons courtesy of <a href="http://p.yusukekamiyamane.com/">p.yusukekamiyamane</a>
	</div>
</#macro>